* {
	margin: 0;
	padding: 0;
	body {
		width: 100vw;
		height: 100vh;
		background-color: #59b2db;
		color: #fff;
		padding: 20px;
		box-sizing: border-box;
		// text-shadow: 0 0 3px #000;
		main {
			#top {
				p {
					font-size: 14px;
					margin-top: 10px;
					color: #ccc;
				}
				h3 {
					margin-top: 5px;
					font-size: 18px;
				}
			}
		}
		#middle {
			p {
				font-size: 16px;
				margin: 60px auto;
				text-align: center;
				span {
					font-size: 100px;
				}
			}
			div {
				position: relative;
				p {
					text-align: left;
					color: #ccc;
					font-size: 14px;
				}
				div {
					position: absolute;
					right: 70px;
					top: 8px;
					height: 2px;
					width: 35%;
					background-color: #ccc;
				}
				span {
					position: absolute;
					right: 0px;
					top: -14px;
					font-size: 50px;
				}
			}
		}
		#botton {
			display: flex;
			justify-content: space-around;
			div {
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				text-align: center;
				font-size: 14px;
				color: #ccc;

				.iconfont {
					font-size: 40px;
					color: #fff;
					margin-bottom: 15px;
				}
				p {
					margin-top: 30px;
					font-size: 24px;
					color: #fff;
				}
			}
		}
		#btn {
			position: relative;
			div {
				color: #59b2db;
				height: 100px;
				width: 100px;
				border-radius: 50%;
				background-color: #fff;
				text-align: center;
				box-sizing: border-box;
				padding-top: 30px;
				margin: 50px auto;
				text-shadow: 0 0 3px #fff;
				.iconfont {
					font-size: 30px;
					color: #59b2db;
				}
			}

			#continue {
				color: #fff;
				background-color: rgb(50, 255, 50);
				position: absolute;
				display: none;
				box-sizing: border-box;
				padding-top: 30px;
				left: 50%;
				transform: translate(-50%);
				animation: all 1s;
				.iconfont {
					color: #fff;
				}
			}
			#over {
				box-sizing: border-box;
				color: #fff;
				background-color: rgb(255, 39, 39);
				position: absolute;
				display: none;
				padding-top: 30px;
				right: 50%;
				transform: translate(50%);
				animation: all 2s;

				.iconfont {
					color: #fff;
				}
			}
		}
	}
}
// 字体图标样式
.iconfont {
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
